#applicationLoader {
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 9999;
    display: table;
}

    #applicationLoader > div {
        display: table-cell;
        vertical-align: middle;
        pointer-events: none;
    }

    #applicationLoader.hidden {
        display: none;
    }

    #applicationLoader .spinner {
        margin-left: -1px;
        width: 19px;
        text-align: center;
        display: inline-block;
    }

        #applicationLoader .spinner > div {
            width: 3px;
            height: 3px;
            background-color: #5c5c5c;
            border-radius: 100%;
            display: inline-block;
            -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        }

        #applicationLoader .spinner .bounce1 {
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }

        #applicationLoader .spinner .bounce2 {
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
        }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
